<?php

include_once '../templates/topo.php';

$id= '';

if(isset($_REQUEST['id']))
	$id = $_REQUEST['id'];
	



	
?>

	<div class="tabs center">
			<ul>
				<li><a href="#tabs-1">Entrada e saida de saldo em estoque</a></li>
			</ul>
			<div id="tabs-1">
				<div cols='4'>
					<div class="field">
						<label for="txtDataInicial">DataInicial:</label>
						<input type="text" id="txtDataInicial" value="<?php echo date("01/01/Y"); ?>" />
						<input type="hidden" id="hidIdProduto" value="<?php echo $id?>"/>
						
					</div>
					<div class="field">
						<label for="txtDataFinal">DataFinal:</label>
						<input type="text" id="txtDataFinal" value="<?php echo date("d/m/Y"); ?>" />
						
					</div>
					<div class="field">
						<label>&nbsp;</label>
						<button id="btnBuscar">Pesquisar</button>
						
					</div>
					
					
					<script type="text/javascript">
					$("#txtDataInicial,#txtDataFinal").datepicker();
					$("#btnBuscar").button({
						text:false,
						icons:{
							"primary": "ui-icon-search"
						} 
							
					})
					.click(function(){
						utils.ajax('estoque/consultar-entrada-saida', {
							id: $('#hidIdProduto').val(),
							dataInicial: $('#txtDataInicial').val(),
							dataFinal: $('#txtDataFinal').val()
						}, function(xml){
							cont = 0;
							$('.table_consulta tbody tr').each(function(){
								if(cont!=0)
									$(this).remove();
								cont++;
							});
							index = 0;
							$(xml).find('estoque').each(function(){

								var json = $.xml2json(this);

								var icon = "";
								var uiIcon = "";
								var iconAlert = "";


								if(json.tipo == "ENTRADA"){
									uiIcon = "1-ne";
									
								}
								else{
									uiIcon = "1-sw";
									iconAlert = "ui-state-error";
								}
								var id = json.id;
								
								icon='<div style="border:0;padding: 0; display:block; background: none;"><span style=" margin: 0 auto; padding: 0" class="ui-icon ui-icon-arrowthick-'+uiIcon+'" id="icon_'+id+'"></span></div>';

								
								
							
								
								var chkBox = "<input type='radio' name='chkSelectEstoque' value='"+json.id+"' />"

								
								$('.table_consulta tbody').append(utils.gerarLinha([chkBox,
								                                                    json.id,
								        											icon,
								        											json.dataEntradaSaida,
								        											json.qtd,
								        											json.valorUnitario,
								        											json.valorTotal,
								        											json.notaFiscal,
								        											json.fornecedor,
								        											json.osReferencia
																					], 1, 'trConsulta', index++,false));

								$('#icon_'+id).parent().addClass(iconAlert);
									$('#trConsulta_'+ id).click(function(e){
										
										if(e.target.type!="radio"){
//											alert(funcaoRetorno);
											if($('[name="chkSelectProduto"]', $(this)).is(":checked")){
												$('[name="chkSelectProduto"]', $(this)).attr("checked", "");
											}
											else{
												$('[name="chkSelectProduto"]', $(this)).attr("checked", "checked");
											}
											
											parent.$("body").trigger(funcaoRetorno, json);

										}
										
										
									});

									
							});
							$('.table_consulta tfoot tr td').html(index + ' Resultado(s) Encontrado(s)');
						});
					});
					$(document).ready(function(){
						$("#btnBuscar").click();
							
					});
					</script>
				</div>
				
				<div>
					<table class="table_consulta">
						<tr>
							<th>&nbsp;</th>
							<th>&nbsp;</th>
							<th>Data E/S</th>
							<th>Quantidade</th>
							<th>Custo Un (R$)</th>
							<th>Custo Total (R$)</th>
							<th>Nota Fiscal</th>
							<th>Fornecedor</th>
							<th>OS Ref</th>
							
						</tr>
					</table>
				</div>
			</div>
	
			<div class='footer'>
				<button id='btnAdicionar'>Adicionar</button>
				<button id='btnRemover'>Remover</button>
				<script>
					$("#btnAdicionar").button({
						icons:{
							"primary": "ui-icon-plusthick"
						}
					})
					.click(function(e){
						utils.abrirJanela("estoque/form-add-remover.php", "popup=true&funcao=Adicionar&idProduto="+$("#hidIdProduto").val(), "addRemoverRetorno");
						
					});
					
					$("#btnRemover").button({
						icons:{
							"primary": "ui-icon-minusthick"
						}
					})
					.click(function(e){
						utils.abrirJanela("estoque/form-add-remover.php", "popup=true&funcao=Remover&idProduto="+$("#hidIdProduto").val(), "addRemoverRetorno");
						
					});

					$(document).ready(function(){
						$("body").bind("addRemoverRetorno", function(e, data){
							if(data.funcao=="Adicionar"){
								alert("Saldo Adicionado Com Sucesso");
							}
							else if(data.funcao=="Remover"){
								alert("Saldo Removido Com Sucesso");
								
							}
							$('#btnBuscar').click();
							utils.fecharJanela();
						});
					})
				</script>
			</div>
	</div>

<?php 
if(!$popup)
	include_once '../templates/footer.php';
?>